<template>
    <div class="top"></div>
    <div class="top2">
        <div class="topleft">
        <svg class="icon" aria-hidden="true" @click="gotolastpage">
          <use xlink:href="#icon-xiangzuojiantou"></use>
    </svg></div>
    <span>护工小丽</span>
    <div class="topright">
    <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-liebiao2"></use>
    </svg>
</div>
    </div>
    <div class="middle">
        <img src="/image68.png" alt="">
        <img src="/image69.png" alt="" class="footer">

    </div>
</template>
<style scoped>
.top{
    width:100% ;
    height: 44px;
    background-color:darkcyan;
}
.top2{
    position: relative;
    width: 100%;
    height: 44px;
}
.topleft{
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}

.topright{
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
}
.top2 span{
  margin-top: 20px;
  margin-left: 120px;
  font-size: 22px;
}
.middle{
    width: 100%;
    height: 762px;
    background-color: #E5E5E5;
}
.middle img{
    width: 100%;
}
.footer{
    position: absolute;
    left: 0;
    bottom: 0;
}
</style>
<script>
export default{
    methods:{
        gotolastpage(){
            this.$router.go(-1)
        }
    }
}
</script>